.sy_bg{
    background-image: url("https://xdjzapi.towngo.cn/uploads/images/wx/202507/03/xcx_1751534439_PSLyKEVkpT.png");
    background-size: 100% 100%;
}
.qr_button{
    background-color: #3a9e5f;
    text-align: center;
    color: #ffffff;
    padding: 10px 0;
    border-radius: 50px;
}
.qx_button{
    background-color: #d5f0dd;
    text-align: center;
    color: #3a9e5f;
    padding: 10px 0;
    border-radius: 50px;
}
.swiper{
    height: 190px!important;
}
.bag_bg{
    background-image: url("https://xdjzapi.towngo.cn/wx/xcx_bj_20250701124616.png");
    background-size: 100% 100%;
}
nav{
    position: relative;
    height: 50px;
}
.pad_0_5{
    padding: 0 5px;
}
.mag_5_0{
    margin: 5px 0;
}
nav a{
    /*padding: 5px 0;*/
    position: relative;
    display: block;
    float: left;
    line-height: 50px;
    height: 50px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    z-index: 10;
    font-weight:bold;
    user-select:none;
}
nav a{
    width: 120px;
    font-weight: normal;
    font-size: 18px;
    color: white;
}
nav .animation{
    position: absolute;
    height: 100%;
    width: 120px;
    background-color: #4f80f0;
    z-index: 9;
    border-radius: 10px;
    transition: all 0.3s;
}
.wh_f_l{
    display: flex;
}
.wh_f_l > view:nth-child(1){
    flex: 1;
}
.wh_f_r{
    display: flex;
}
.wh_f_r > view:nth-child(2){
    flex: 1;
}
.whe_maxv_view{
    width: 100vw;
    height: 100vh;
    background-color: #f8faf7;
}
.icon_wh{
    width: 12px;
    height: 12px;
    margin: 0 5px;
}
.icon_wh{
    width: 15px;
    height: 15px;
    margin: 0 5px;
}
.icon_jt{
    width: 7px;
    height: 12px;
    margin:0 5px;
}
.wz_hei{
    color: #191919;
}
.scx{
    text-decoration: line-through;
}
.u-swiper{
    background-color: transparent!important;
}
.wz_jz{
    text-align: center;
}
.jz{
    margin: 0 auto;
}
.ba_gr{
    background-color: #3a9e5f;
}
.ba_qgr{
    background-color: #d5f0dd;
}
/* 垂直居中 垂直居中 垂直居中*/
.czjz_flex{
    display: flex;
    align-items: center;
}
.spjz_flex{
    display: flex;
    justify-content:center;
}
/*  水平垂直居中 水平垂直居中 */
.jz_flex{
    display: flex;
    justify-content:center;
    align-items: center;
}
.flex_1{
    flex: 1;
}
.flex_2{
    flex: 2;
}
.flex_3{
    flex: 3;
}
.flex_4{
    flex: 4;
}
.flex_5{
    flex: 5;
}
.flex_6{
    flex: 6;
}
.flex_7{
    flex: 7;
}
.flex_8{
    flex: 8;
}
.flex_9{
    flex: 9;
}
.pad_t-5{
    padding-top: 5px;
}
.scroll-container {
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden;    /* 隐藏超出部分 */
    position: relative;  /* 相对定位以便滚动元素正确位置 */
}

.scroll-text {
    display: inline-block; /* 让 text 变成块元素 */
    animation: scrollText 10s linear infinite; /* 10秒内左右滚动 */
}

@keyframes scrollText {
    0% {
        transform: translateX(100%); /* 从右侧进入 */
    }
    100% {
        transform: translateX(-100%); /* 向左侧滚出 */
    }
}
/*本项目CSS*/
/* 马明宇的样式 */
/*-ms-overflow-style: none;*/
/*火狐下隐藏滚动条*/
/*scrollbar-width: none;*/
.ul li{
    list-style: none;
    display: inline-block;
}
.pad_10{
    padding: 10px;
}
.pad_t_10{
    padding-top: 10px;
}
.pad_t_20{
    padding-top: 20px;
}
.pad_t_15{
    padding-top: 15px;
}
.pad_15{
    padding: 15px;
}
.pad_20{
    padding: 20px;
}
.gd_1-5{
    transition: 1.5s;
}
.gd_1{
    transition: 1s;
}
.gd_05{
    transition: 0.5s;
}
.xt{
    font-weight:lighter;
}
.wz_ys{
    font-family:Arial,Helvetica,sans-serif;
}
.wz_zi{
    color: #4e7bfe;
}
.pad_l_5{
    padding-left:5px;
}
.btn button{
    padding: 5px 15px;
    border-radius: 5px;
    border: 1px white solid;
    background-color: rgb(55, 143, 243);
    color: white;
}
.whe_max{
    width: 100%;
    height: 100%;
}
.whe_maxv{
    width: 100vw;
    height: 100vh;
    /* overflow: hidden; */
}
.bor_8{
    border-radius: 8px;
}
.ba_hui{
    background-color: #8e8e92;
}
.ba_qhui{
    background-color: #f5f7fa;
}
.box_yy{
    box-shadow: 0 8px 8px rgba(10,16,20,.24),0 0 8px rgba(10,16,20,.12);
    text-decoration: none;
}
.xyy{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.wz_ju{
    color: #DC2D22;
}
.wz_hui{
    color: #636363;
    /*color: #8E8E8E;*/
}
.wz_huis{
    color: #595959;
    /*color: #8E8E8E;*/
}
.wz_black{
    color: #191919;
}
.wz_white{
    color: white;
}
.wz_red{
    color: #d9001b;
}
.wz_qred{
    color: #e63946;
}
.wz_blue{
    color: #006be6 !important;
}
/* 边框弧度 边框弧度 边框弧度*/
.bor_15{
    border-radius: 15px;
}
.bor_10{
    border-radius: 10px;
}
.bor_5{
    border-radius: 5px;
}
.bor_4{
    border-radius: 4px;
}
.bor_20{
    border-radius: 20px;
}
.bor_25{
    border-radius: 25px;
}
.bor_50{
    border-radius: 50px;
}
.bor_255{
    border-radius: 50%;
}
/* 去边框 去边框 去边框*/
.bor_none{
    border: none;
}
/* 背景色 */
.ba_red{
    background-color: red;
}
.ba_white{
    background-color: white;
}
.ba_hei{
    background-color: black;
}
.xd{
    position: relative;
}
.jd{
    position: absolute;
}
.pm{
    position: fixed;
}
.mc{
    background-color: rgba(78,76,79,0.95);
}
.xc{
    outline: none;
}
.xcc input select{
    outline: none;
}
.pad_5{
    padding: 5px;
}
.pad_l-10{
    padding-left: 10px;
}
.pad_l-20{
    padding-left: 20px;
}
.fz_30{
    font-size: 30px;
}
.fz_10{
    font-size: 10px;
}
.fz_12{
    font-size: 12px;
}
.fz_13{
    font-size: 13px;
}
.pad_50_0{
    padding: 50px 0;
}
.fz_20{
    font-size: 20px;
}
.fz_25{
    font-size: 25px;
}
.fz_26{
    font-size: 26px;
}
.fz_24{
    font-size: 24px;
}
.fz_15{
    font-size: 15px;
}
.fz_16{
    font-size: 16px;
}
.fz_17{
    font-size: 17px;
}
.fz_18{
    font-size: 18px;
}
.fz_30{
    font-size: 30px;
}
.fz_32{
    font-size: 32px;
}
.fz_34{
    font-size: 34px;
}
.fz_36{
    font-size: 36px;
}
.fz_27{
    font-size: 27px;
}
.fz_28{
    font-size: 28px;
}
.fz_14{
    font-size: 14px;
}
/*  水平垂直居中 水平垂直居中 */
.jz_flex{
    display: flex;
    justify-content:center;
    align-items: center;
}
/* 强行不换行 */
.flex_two{
    align-items:flex-start;
}
.u-count-down__text{
    color: #ff9a2e!important;
    font-size: 26px!important;
    line-height: 26px;
}
/* 垂直居中 垂直居中 垂直居中*/
.czjz_flex{
    display: flex;
    align-items: center;
}
.spjz_flex{
    display: flex;
    justify-content:center;
}
.flex_hh{
    flex-wrap: wrap;
}
/* flex-wrap: nowrap | wrap | wrap-reverse; */
/* flex布局 flex布局 flex布局*/
.wh_f{
    display: flex;
}
.bor_bai{
    border: white 1px solid;
}
/*文字播放效果*/
.roll {
    white-space: nowrap;
    animation: 5s loop linear infinite normal;
    display: inherit;
}
@keyframes loop {
    0% {
        transform: translateX(300px);
        -webkit-transform: translateX(300px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}
@-webkit-keyframes loop {
    0% {
        transform: translateX(300px);
        -webkit-transform: translateX(300px);
    }
    100% {
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
    }
}
.op_5{
    opacity: 0.5;
}
.op_4{
    opacity: 0.4;
}
.op_3{
    opacity: 0.3;
}
.op_2{
    opacity: 0.2;
}
.op_1{
    opacity: 0.1;
}
.op_9{
    opacity: 0.9;
}
.op_9-5{
    opacity: 0.95;
}
.op_8{
    opacity: 0.8;
}
.flex_1{
    flex: 1;
}
.flex_2{
    flex: 2;
}
.flex_3{
    flex: 3;
}
.flex_4{
    flex: 4;
}
.flex_5{
    flex: 5;
}
.flex_6{
    flex: 6;
}
.flex_7{
    flex: 7;
}
.flex_8{
    flex: 8;
}
.flex_9{
    flex: 9;
}
.flex_10{
    flex:10 ;
}
/* 超出滚轮 */
.bor_b_hui{
    border-bottom: 1px solid #ebebeb;
}
.mag_20_0{
    margin: 20px 0;
}
.mag_10_0{
    margin: 10px 0;
}
.mag_0_10{
    margin: 0 10px;
}
.mag_0_5{
    margin: 0 5px;
}
/* 边框样式 边框样式 边框样式*/
.bor_1_hui{
    border: 1px solid #dcdfe6;
}
.bor_1_hei{
    border: 1px black solid;
}
.bor_15{
    border-radius: 15px;
}
.bor_10{
    border-radius: 10px;
}
.bor_5{
    border-radius: 5px;
}
.bor_3{
    border-radius: 3px;
}
/* 固定宽高样式 固定宽高样式 固定宽高样式*/

/* 宽高比例样式 宽高比例样式 宽高比例样式*/
.wh_max{
    width: 100%;
}
.he_max{
    height: 100%;
}
.wh_8{
    width: 80%;
}
.wh_2{
    width: 20%;
}
.wh_3{
    width:30% ;
}
.wh_3-5{
    width:35% ;
}
.wh_2-5{
    width: 25%;
}
.wh_4{
    width:40%;
}
.wh_4-5{
    width:45%;
}
.wh_5{
    width:50%;
}
.wh_5-5{
    width:55%;
}
.wh_7{
    width:70% ;
}
.wh_6{
    width: 60%;
}
.wh_6-5{
    width: 65%;
}
.wh_1{
    width:10% ;
}
.wh_9{
    width:90% ;
}
.wh_9-5{
    width: 95%;
}
.he_8{
    height:80% ;
}
.he_4{
    height:40% ;
}
.he_5-5{
    height:55% ;
}
.he_6{
    height:60% ;
}
.he_6-5{
    height:65% ;
}
.he_2{
    height:20% ;
}
.he_1{
    height: 10%;
}
.he_0-5{
    height: 5%;
}
.he_1-5{
    height: 15%;
}
.he_9{
    height:90% ;
}
.he_3{
    height:30% ;
}
.he_5{
    height: 50%;
}
.he_7{
    height:70% ;
}
.jz{
    margin: auto;
}
.lef-10{
    left: 10px;
}
.lef-5{
    left: 5px;
}
.lef-1{
    left: 1px;
}
.lef-2{
    left: 2px;
}
.lef-3{
    left: 3px;
}
.lef-4{
    left: 4px;
}
.rig-10{
    right:10px;
}
.rig-5{
    right:5px;
}
.rig-1{
    right:1px;
}
.rig-2{
    right:2px;
}
.rig-3{
    right:3px;
}
.rig-4{
    right:4px;
}
.rig-20{
    right:20px;
}
/* 文字样式 文字样式 文字样式*/
.em{
    font-weight: bold;
}
.wz_jz{
    text-align: center;
}
.wz_fz_14{
    font-size: 14px;
}
.ccsl_1{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
/*两行隐藏*/
.ccsl_2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow:hidden;
    word-break: break-all;
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    /*overflow: hidden!important;*/
    /*text-overflow: ellipsis;*/
}
.disb{
    display: block;
}
/*四行隐藏*/
.ccsl_4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow:hidden;
}
.disp{
    display: inline-block;
}
.boxs{
    box-sizing: border-box;
}
.hh{
    table-layout: fixed;
    white-space: normal
}
/* margin边距 margin边距 margin边距*/
.mag_l-10{
    margin-left: 10px;
}
.mag_l-20{
    margin-left: 20px;
}
.mag_l-30{
    margin-left: 30px;
}
.mag_l-15{
    margin-left: 15px;
}
.mag_l-5{
    margin-left: 5px;
}
.mag_l-1{
    margin-left: 1px;
}
.mag_l-2{
    margin-left: 2px;
}
.mag_l-3{
    margin-left: 3px;
}
.mag_r-10{
    margin-right: 10px;
}
.mag_r-20{
    margin-right: 20px;
}
.mag_r-5{
    margin-right: 5px;
}
.mag_r-4{
    margin-right: 4px;
}
.mag_r-4{
    margin-right: 4px;
}
.mag_r-3{
    margin-right: 3px;
}
.mag_r-2{
    margin-right: 2px;
}
.mag_r-1{
    margin-right: 1px;
}
.mag_l_15{
    margin-left: 15%;
}
.mag_t-10{
    margin-top: 10px;
}
.mag_t-15{
    margin-top: 15px;
}
.mag_t-1{
    margin-top: 1px;
}
.mag_t-10{
    margin-top: 10px;
}
.mag_t-15{
    margin-top: 15px;
}
.mag_t-5{
    margin-top: 5px;
}
.mag_t-20{
    margin-top:20px;
}
.mag_t-30{
    margin-top: 30px;
}
.mag_t-50{
    margin-top: 50px;
}
.mag_b_5{
    margin-bottom: 5px;
}
.mag_b_10{
    margin-bottom: 10px;
}
.mag_b_15{
    margin-bottom: 15%;
}
.mag_b_20{
    margin-bottom: 20px;
}
.wz_lv{
    color: #3a9e5f;
}
.pad_t-10{
    padding-top: 10px;
}
.wz_leftdq{
    text-align: left;
}
.wz_rigdq{
    text-align: right;
}
.text_rightdq{
    text-align: right;
}
.ccgl{
    overflow: auto;
    -ms-overflow-style: none;  /* 隐藏滚动条 */
    scrollbar-width: none; /* 隐藏滚动条 */
}
.ccgl-y{
    overflow-y: scroll;
}
.ba_yell{
    background-color: #FDCB2C;
}
.ba_gr{
    background-color: #0fb872;
}
.ba_blue{
    background-color: #3790fe;
}
.ba_xblue{
    background-color: #dfedff;
}
.ba_zi{
    background-color: #6c4ef2;
}
.bhh{
    white-space: nowrap;
}
.ddisp > view{
    display: inline-block;
}
.xsgb{
    cursor: pointer;
}
.split3{
    display: inline-block;
    vertical-align: middle;
    width:33%;
}
.split4{
    display: inline-block;
    vertical-align: middle;
    width:25%;
}
.split_8_2 {
    white-space: nowrap;
}
.split_8_2 > view{
    display: inline-block;
    vertical-align: middle;
}
.split_8_2 > view:nth-child(1){
    width: 80%;
}
.split_8_2 > view:nth-child(2){
    width: 20%;
}
.split_15_85{
    white-space: nowrap;
}
.split_15_85 > view{
    display: inline-block;
    vertical-align: middle;
}
.split_15_85 > view:nth-child(1){
    width: 15%;
}
.split_15_85 > view:nth-child(2){
    width: 85%;
}
.split_2_8 > view{
    display: inline-block;
    vertical-align: middle;
}
.split_2_8 > view:nth-child(1){
    width: 20%;
}
.split_2_8 > view:nth-child(2){
    width: 80%;
}
.split_2_7 > view{
    display: inline-block;
    vertical-align: middle;
}
.split_2_7 > view:nth-child(1){
    width: 20%;
}
.split_2_7 > view:nth-child(2){
    width: 70%;
}
.split_9_1 > view{
    display: inline-block;
    vertical-align: middle;
}
.split_9_1 > view:nth-child(1){
    width: 90%;
}
.split_9_1 > view:nth-child(2){
    width: 10%;
    text-align: right;
}
.split_7_3 > view{
    display: inline-block;
    vertical-align: middle;
}
.split_7_3 > view:nth-child(1){
    width: 70%;
}
.split_7_3 > view:nth-child(2){
    width: 30%;
}
.split_3_7 > view{
    display: inline-block;
    vertical-align: middle;
}
.split_3_7 > view:nth-child(1){
    width: 30%;
}
.split_3_7 > view:nth-child(2){
    width: 70%;
}
.split_3_3 > view{
    display: inline-block;
    vertical-align: middle;
}
.split_3_3 > view:nth-child(1){
    width: 33%;
}
.split_3_3 > view:nth-child(2){
    width: 33%;
}
.split_3_3 > view:nth-child(3){
    width: 33%;
}
.split_1_9 > view{
    display: inline-block;
    vertical-align: middle;
}
.split_1_9 > view:nth-child(1){
    width: 10%;
}
.split_1_9 > view:nth-child(2){
    width: 90%;
}
.split_4_6 > view{
    display: inline-block;
    vertical-align: middle;
}
.split_4_6 > view:nth-child(1){
    width: 40%;
}
.split_4_6 > view:nth-child(2){
    width: 60%;
}
.flex_r{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.split_6_4 > view{
    display: inline-block;
    vertical-align: middle;
}
.split_6_4 > view:nth-child(1){
    width: 60%;
}
.split_6_4 > view:nth-child(2){
    width: 40%;
}
.split_2, .split_3{
    white-space: nowrap;
}
.split_2 > view{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}
.split_3 > view{
    width: calc(100% / 3);
    display: inline-block;
    vertical-align: middle;
}
.split_5 > view{
    width: calc(100% / 5);
    display: inline-block;
    vertical-align: middle;
}
.split2_r{
    display: inline-block;
    vertical-align: middle;
    width:50%;
    text-align: right;
}
.centerdq{
    vertical-align:middle;
}
.topdq{
    vertical-align: top!important;
}
.bottomdq{
    vertical-align:bottom;
}
.mag_l_5{
    margin-left: 5px;
}
.pad_20_0{
    padding: 20px 0;
}
.pad_10_0{
    padding: 10px 0;
}
.pad_5_0{
    padding: 5px 0;
}
.wz_huang{
    color: #ffa543;
}
.pad_3_0{
    padding: 3px 0;
}
.pad_5_10{
    padding: 5px 10px;
}
.pad_3{
    padding: 3px;
}
.pad_2{
    padding: 2px;
}
.pad_15_0{
    padding: 15px 0;
}
.pad_0_15{
    padding: 0 15px;
}
.pad_0_20{
    padding: 0 20px;
}
.pad_0_10{
    padding: 0 10px;
}
.pad_b_20{
    padding: 0 0 20px 0;
}
.pad_b_30{
    padding: 0 0 30px 0;
}
.pad_b_10{
    padding: 0 0 10px 0;
}
.pad_b_15{
    padding: 0 0 15px 0;
}
.pad_30_0{
    padding: 30px 0;
}
/*禁止滑动*/
/* catchtouchmove="ture" */

.ba_huis{
    background-color: #81b8fd;
}
.back_hui{
    background-color: #f6f8f9;
}
.bor_dx_hui{
    border-bottom:5px dotted #f0f0f0;
}
.wz_qhui{
    color: #666666;
}
.xz180{
    transform: rotate(180deg);
    transition: all 0.5s;
}
.xz0{
    transform: rotate(0deg);
    transition: all 0.5s;
}
.xz90{
    transform: rotate(90deg);
    transition: all 0.5s;
}
.xz270{
    transform: rotate(270deg);
    transition: all 0.5s;
}

/*fade-enter:进入过渡的开始状态，元素被插入时生效，只应用一帧后立刻删除。*/
/*fade-enter-active:进入过渡的结束状态，元素被插入时就生效，在过渡过程完成后移除。*/
/*fade-leave:离开过渡的开始状态，元素被删除时触发，只应用一帧后立刻删除。*/
/*fade-leave-active:离开过渡的结束状态，元素被删除时生效，离开过渡完成后被删除。*/
/*in-out(mode默认in-out模式）：新元素先进入过渡，完成之后当前元素过渡离开。*/
/*       out-in：当前元素先进行过渡离开，离开完成后新元素过渡进入。*/

/*路由过渡动画*/
/*路由过渡动画*/
.router_gd-enter-active{
    opacity: 0;
    transition:all 0.7s;
    position: relative;
    left:-50px;
}
.router_gd-enter-to{
    opacity: 1;
    transition:all 0.7s;
    position: relative;
    left:0px;
}
.router_gd-leave-active{
    opacity: 1;
    transition:all 0.5s;
    position: relative;
    left:0px;
}
.router_gd-leave-to{
    opacity: 0;
    transition:all 0.7s;
    position: relative;
    left: 50px;
}



/*.scale-enter-active,*/
/*.scale-leave-active {*/
/*    transition: all 0.5s ease;*/
/*}*/
/*.scale-enter-from,*/
/*.scale-leave-to {*/
/*    opacity: 0;*/
/*    transform: scale(0.9);*/
/*}*/


.transitionBody{
    transition: all 0.4s ease-out;
}
.transitionLeft-enter,
.transitionRight-leave-active {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
}
.transitionLeft-leave-active,
.transitionRight-enter {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
}
.transitionLeft-enter-active,
.transitionRight-enter-active {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
/*缩放过渡*/
.fade-enter-active,
.fade-leave-active {
    transition: opacity 0.5s ease;
}
.fade-enter,
.fade-leave-to {
    opacity: 0;
}
/*滑动过渡*/
.slide-enter-active,
.slide-leave-active {
    transition: all 0.75s ease-out;
}
.slide-enter-to {
    position: absolute;
    right: 0;
}
.slide-enter {
    position: absolute;
    right: -100%;
}
.slide-leave-to {
    position: absolute;
    left: -100%;
}
.slide-leave {
    position: absolute;
    left: 0;
}
.wrapper {
    width: 100%;
    min-height: 100vh;
    background: chartreuse;
}
/*缩放*/
scale-enter-active,
.scale-leave-active {
    transition: all 0.5s ease;
}
.scale-enter-from,
.scale-leave-to {
    opacity: 0;
    transform: scale(0.9);
}

.el-menu {
    border-right: none;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding-left: 0;
    position: relative;
}
.el-menu-item{
    color: white;
    border-radius: 10px;
}

.img_zfx {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
}
.img_zfx image {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.img_cfx {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    height: 0;
}
.img_cfx image {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.img_bg{
    position: relative;
}
.img_bg>view{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.img_bg>image{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
